﻿<%@ page language="java" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>婚礼优品——注册</title>
<link rel="stylesheet" href="<%=path %>/css/grid.css" />
<link rel="stylesheet" href="<%=path %>/css/style.css" />
<link rel="stylesheet" href="<%=path %>/css/index.css" />
<link rel="stylesheet" href="<%=path %>/css/register.css" />

<script type="text/javascript" src="<%=path %>/scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/index.js"></script>
</head>

<body>
	<!-- nav start -->
      <%-- <div class="nav">
		
                 <div class="container_12 ">
			<div class="grid_12">
				<%@include file="/WEB-INF/web/common/header.jsp" %>
			</div>
		
		</div>
   
    </div>
 
     --%>
   <a href="<%=path %>//home">
    <%@include file="/WEB-INF/web/common/header.jsp" %>
   </a>
    <!-- nav end -->
    
    <!-- wrap start -->
    <div class="wrap">
    	<div class="container_12">
			<div class="grid_12">
				<div class="reg-title"></div>
			</div>
			<div class="clear"></div>
			<div class="grid_12">
				<div class="container_12">
					<div class="grid_12" >
						<div class="reg-form-outer">
							<form method="post" action="<%=path %>/home/register" onsubmit="javascript:return canSubmit();">
								<div>
									<div class="reg-check-tip wrong"id="nickNameSapn" style="display:none">
										<img class="arrow_4" src="">				
										<div >
											<p class="reg-check-tip-content">
												<img class="correct" src="images/correct.jpg" title="必须没问题!">
												<img class="error" src="images/wrong.jpg" title="哎呀,这里出错啦!">
												<span class="reg-check-tip-text" id="input_nickname_s" style="display:none">昵称长度需两个字符以上</span>
											</p>
										</div>
									</div>
									<h3>昵称</h3>
									<input id="realname" type="text" class="text" name="realname" maxlength="20" value="">
								</div>
								
								<div class="sex-box">
									<h3>性别<label for="man">男</label>
									<input type="radio" name="sex" id="sex" value="1" checked="checked">
									<label for="woman">女</label>
									<input type="radio" name="sex" id="woman" value="0"></h3>
									
								</div>

                                                                  <div class="type-bpx">

     								 <h3>所属职业
									<select name="userType" id="userType">
									 <option value="婚礼家">婚礼家</option>
									<option value="婚礼彩妆">婚礼彩妆</option>
									<option value="婚礼摄影">婚礼摄影</option>
									<option value="婚礼摄像">婚礼摄像</option>
									<option value="婚礼司仪">婚礼司仪</option>
									</select> <h3>
								</div>






								<div>
									<div id="input_email" class="reg-check-tip" style="display:none">
										<img class="arrow_4" src="http://html.moko.cc/images/n.gif">	
										<div>
											<p class="reg-check-tip-content">
												<img class="correct" src="images/correct.jpg" title="必须没问题!">
												<img class="error" src="images/wrong.jpg" title="哎呀,这里出错啦!">
												<span class="reg-check-tip-text" id="input_email_s" >用户账号只能是英文和数字的组合，如weddingee123</span>
											</p>
										</div>
								
									</div>
									
									<h3>用户账号</h3>
									<input type="text" class="text" id="username" name="username" onfocus="javascript:void(0);" onblur="javascript:validateEmael(); " maxlength="40" value="">
								</div>
								<div>
									<div id="input_password" class="reg-check-tip" style="display:none">
										<img class="arrow_4" src="http://html.moko.cc/images/n.gif">
										<div>				
											<p class="reg-check-tip-content">
												<img class="correct" src="images/correct.jpg" title="必须没问题!">
												<img class="error" src="images/wrong.jpg" title="哎呀,这里出错啦!">
												<span class="reg-check-tip-text" id="input_password_s" >
													密码由<span class="mC">1-24</span>位英文字母,数字或特殊符号组成
													</span>
												<span class="reg-check-tip-text" id="input_password_s2"></span>
											</p>
										</div>
									</div>
									
									<h3>密码</h3>
									<input type="password" class="text" id="password" name="password" onfocus="javascript:void(0);" onblur="javascript:void(0);" onkeyup="javascript:void(0);" maxlength="24">
								</div>
								<div>
									<div id="input_passwordConfirm" class="reg-check-tip" style="display:none">
										<img class="arrow_4" src="http://html.moko.cc/images/n.gif">				
										<div>
											<p class="reg-check-tip-content">
												<img class="correct" src="images/correct.jpg" title="必须没问题!">
												<img class="error" src="images/wrong.jpg" title="哎呀,这里出错啦!">
												<span class="reg-check-tip-text" id="error_comfirm" >再次确认密码!</span>
											</p>
										</div>
									</div>
									<h3>确认密码</h3>
									<input type="password" class="text" id="passwordConfirm" name="passwordConfirm" onfocus="javascript:void(0);" onblur="javascript:validatePassword();" maxlength="24">
								</div>
								
								<div>
									<div id="wpasswordConfirm" class="reg-check-tip" style="display:none">
										<img class="arrow_4" src="http://html.moko.cc/images/n.gif"/>				
										<div>
											<p class="reg-check-tip-content">
												<span class="reg-check-tip-text" id="wpassword_comfirm" >请联系优品管理员!</span>
											</p>
										</div>
									</div>
									<h3>优品密码</h3>
									<input type="text" class="text" id="wPassword" name="wPassword" onfocus="javascript:void(0);" onblur="javascript:validateWPassword();" maxlength="24"/>
								</div>
								
								<div class="reg-submit">
									<p><input type="checkbox" checked="checked" id="input_isCheck"> 已经阅读并同意<a href="javascript:void(0)" target="_blank" title="Weddingee!服务条款">&lt;Weddingee 服务条款&gt;</a></p>
									<input type="submit" class="btn" value="继续" id=""  >
								</div>
							</form>
						</div>
						
						
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="clear"></div>
			
			<div class="container_12 ad-container">
	      		<div class="grid_12">
	      			<%@include file="/WEB-INF/web/common/advertise.jsp" %>
	      		
	      		</div>
	       </div>
	       <div class="clear"></div>
		</div>
    </div>
    <!-- wrap end -->
    
    <!-- footer start -->
    <div class="footer">
    	<div class="footer-content">
			<div class="container_12">
				<div class="grid_12">
					<%@include file="/WEB-INF/web/common/footer.jsp" %> 
				</div>
			</div>
		</div>
   		<div class="footer-bottom">
			<div class="container_12">
				<div class="grid_12">
					<div class="bottom-bg">
						<p>COPYRIGHT © 2009 - 2012 WEDDINGEE COMPANY.ALL RIGHTS RESERVED</p>
					</div>
				</div>
			</div>
		</div>
    </div>
    
    <!-- footer end -->
</body>
</html>
